<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的收藏</title>
		<script type="text/javascript" src="../js/zepto.min.js"></script>
		<script type="text/javascript" src="../js/touch-0.2.14.min.js"></script>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/head.css"/>
		<link rel="stylesheet" type="text/css" href="../css/shoucang23.css"/>
		
	</head>
	<body>
		<!--头部-->
	    <div class="head">
    			<a href="fifty-mine.html">
            		<img src="../img/left_fan.png" alt="" class="img_fan"/>
            </a>
        <h2>我的收藏</h2>
        <a href="shoucang24.html">编辑</a>
    </div>
	    <!--视频攻略-->
	    <div class="video">
	    		<a href="###" class="colorA">视频</a>
	    		<a href="###" class="colorB">攻略</a>
	    </div>
	<div class="windows">
	 <div class="big_div">
	    <ul class="uls">
		    	<li>
		    		<div class="content">
			    		<!--左边时钟-->
			    		<div class="clockDIV">
			    			<img src="../img/clock23.png" alt="" />
			    		</div>
			    		<div class="midleDiv">
				    		<h2>僵尸大战终极副本53关攻略关通关视频</h2>
				    		<span>更新时间:2015.2.15</span>
			    		</div>
			    		<div class="abolish">取消收藏</div>
		    		</div>
		    	</li>
		    	<li>
		    		<div class="content">
			    		<!--左边时钟-->
			    		<div class="clockDIV">
			    			<img src="../img/clock23.png" alt="" />
			    		</div>
			    		<div class="midleDiv">
				    		<h2>僵尸大战终极副本53关攻略关通关视频</h2>
				    		<span>更新时间:2015.2.15</span>
			    		</div>
			    		<div class="abolish">取消收藏</div>
		    		</div>
		    	</li>
		    	<li>
		    		<div class="content">
			    		<!--左边时钟-->
			    		<div class="clockDIV">
			    			<img src="../img/clock23.png" alt="" />
			    		</div>
			    		<div class="midleDiv">
				    		<h2>僵尸大战终极副本53关攻略关通关视频</h2>
				    		<span>更新时间:2015.2.15</span>
			    		</div>
			    		<div class="abolish">取消收藏</div>
		    		</div>
		    	</li>
		    	<li>
		    		<div class="content">
			    		<!--左边时钟-->
			    		<div class="clockDIV">
			    			<img src="../img/clock23.png" alt="" />
			    		</div>
			    		<div class="midleDiv">
				    		<h2>僵尸大战终极副本53关攻略关通关视频</h2>
				    		<span>更新时间:2015.2.15</span>
			    		</div>
			    		<div class="abolish">取消收藏</div>
		    		</div>
		    	</li>
		    	<li>
		    		<div class="content">
			    		<!--左边时钟-->
			    		<div class="clockDIV">
			    			<img src="../img/clock23.png" alt="" />
			    		</div>
			    		<div class="midleDiv">
				    		<h2>僵尸大战终极副本53关攻略关通关攻略</h2>
				    		<span>更新时间:2015.2.15</span>
			    		</div>
			    		<div class="abolish">取消收藏</div>
		    		</div>
		    	</li>
	    </ul>
    
	     <ul class="uls1">
		    	<li>
		    		<div class="content">
			    		<!--左边时钟-->
			    		<div class="clockDIV">
			    			<img src="../img/clock23.png" alt="" />
			    		</div>
			    		<div class="midleDiv">
				    		<h2>僵尸大战终极副本53关攻略关通关攻略</h2>
				    		<span>更新时间:2015.2.15</span>
			    		</div>
			    		<div class="abolish">取消收藏</div>
		    		</div>
		    	</li>
		    	<li>
		    		<div class="content">
			    		<!--左边时钟-->
			    		<div class="clockDIV">
			    			<img src="../img/clock23.png" alt="" />
			    		</div>
			    		<div class="midleDiv">
				    		<h2>僵尸大战终极副本53关攻略关通关攻略</h2>
				    		<span>更新时间:2015.2.15</span>
			    		</div>
			    		<div class="abolish">取消收藏</div>
		    		</div>
		    	</li>
		    	<li>
		    		<div class="content">
			    		<!--左边时钟-->
			    		<div class="clockDIV">
			    			<img src="../img/clock23.png" alt="" />
			    		</div>
			    		<div class="midleDiv">
				    		<h2>僵尸大战终极副本53关攻略关通关攻略</h2>
				    		<span>更新时间:2015.2.15</span>
			    		</div>
			    		<div class="abolish">取消收藏</div>
		    		</div>
		    	</li>
		    	<li>
		    		<div class="content">
			    		<!--左边时钟-->
			    		<div class="clockDIV">
			    			<img src="../img/clock23.png" alt="" />
			    		</div>
			    		<div class="midleDiv">
				    		<h2>僵尸大战终极副本53关攻略关通关攻略</h2>
				    		<span>更新时间:2015.2.15</span>
			    		</div>
			    		<div class="abolish">取消收藏</div>
		    		</div>
		    	</li>
		    	<li>
		    		<div class="content">
			    		<!--左边时钟-->
			    		<div class="clockDIV">
			    			<img src="../img/clock23.png" alt="" />
			    		</div>
			    		<div class="midleDiv">
				    		<h2>僵尸大战终极副本53关攻略关通关攻略</h2>
				    		<span>更新时间:2015.2.15</span>
			    		</div>
			    		<div class="abolish">取消收藏</div>
		    		</div>
		    	</li>
	    </ul>
	    
	   </div>
	 </div>
	   
	</body>
	<script type="text/javascript">
		
		$('.content').on('swipeleft',function(){
			$(this).addClass('donghua_1')
			$(this).removeClass('donghua_2')
		})
		$('.content').on('swiperight',function(){
			$(this).addClass('donghua_2')
			$(this).removeClass('donghua_1')
		})
		$('.abolish').click(function(){
			$(this).parent().parent().remove()
		})
		var videobure = true; 
		$('.video a').click(function(){
			$('.video a').eq(0).css({
				borderBottom: "4px solid #fff",
				color: "#000"
			})
			$('.video a').eq(1).css({
				borderBottom: "4px solid #fff",
				color: "#000"
			})
			$(this).css({
				borderBottom: '4px solid #d92a2a',
				color: '#d92a2a'
			})
			if (videobure) {
				$('.big_div').addClass('donghua_3')
				$('.big_div').removeClass('donghua_4')
				videobure = false;
			}else{
				$('.big_div').addClass('donghua_4')
				$('.big_div').removeClass('donghua_3');
				videobure = true; 
			}
		})
	</script>
</html>
